{% extends "base.html" %}
{% block title %} Create Account {% endblock%}

{% block style %}
<style type="text/css">
body {
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #f5f5f5;
}

.form-signup {
	max-width: 300px;
	padding: 19px 29px 29px;
	margin: 0 auto 20px;
	background-color: #fff;
	border: 1px solid #e5e5e5;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}

.form-signup .form-signup-heading,.form-signup .checkbox {
	margin-bottom: 10px;
}

.form-signup input[type="text"],.form-signup input[type="password"] {
	font-size: 16px;
	height: auto;
	margin-bottom: 15px;
	padding: 7px 9px;
}
</style>
{% endblock %}
{% block content %}
<div class="container">
	<form class="form-signup action="" method="post">
		{% csrf_token %}
		<h2 class="form-signup-heading">Sign up</h2>

		<div id="username">
			<label class="control-label" for="id_username">Username</label>
			<input type="text" class="input-block-level" id="id_username" name="username" placeholder="Username">
		</div>

		<div class="control-group">
			<label class="control-label" for="inputEmail">Email</label>
			<div class="controls">
				<input type="text" id="inputEmail" placeholder="Email">
			</div>
		</div>

		<div class="control-group">
			<label class="control-label" for="id_password1">Password</label>
			<div class="controls">
				<input type="password" name="password1" id="id_password1" placeholder="Password">
			</div>
		</div>

		<div id="password">
			<label class="control-label" for="id_password2">Confirm Password</label>
			<input type="password" class="input-block-level" name="password2" id="id_password2" placeholder="Password">
		</div>
		<label class="checkbox"> <input type="checkbox" value="remember-me">I have read the
		<a href="#">system rules</a>
		</label>
		<button class="btn btn-large btn-primary" type="submit" value="Create the account">Create</button>
	</form>

</div>
<!-- /container -->
{% endblock %}
